<!--
 * @Author: shaohang-shy
 * @Date: 2023-05-05 17:11:40
 * @LastEditors: shaohang-shy
 * @LastEditTime: 2023-05-05 17:11:40
 * @Description: nav-bar
-->
<script setup lang="ts">
const title = ref('导航栏')
const showBack = ref(true)
</script>

<template>
  <GuoduNavBar :title="title" :show-back="showBack">
    <template v-if="showBack" #icon>
      返回
    </template>
  </GuoduNavBar>
  <div class="p-3">
    <input v-model="title" class="border" placeholder="请输入导航栏">
    <div class="mt-3 flex items-center justify-start gap-3">
      显示返回图标 <switch :checked="showBack" @change="(e: any) => showBack = e.detail.value" />
    </div>
  </div>
</template>
